
; (function () {
    $(document).ready(() => {
        var a = $('.nav_item');
        a.each((item) => {
            $($(a[item])).click(function () {
                console.log($(this));
                $($(a[item])).css({ "border-bottom": "4px solid #CFB163", "color": "#CFB163" });

            })
        })
        // console.log(a);
        // a.click(() => {

        //     $(this).css({ "border-bottom": "1px solid #CFB163", "color": "#CFB163" });
        // })
    });
})();

; (function () {
    $(document).ready(() => {
        var mySwiper = new Swiper('.swiper-container', {
            // direction: 'vertical',
            loop: true,

            // 如果需要分页器
            pagination: '.swiper-pagination',
            // 如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev'
        })
    })
})()
// ; (function () { //一级分类
//     let $heard_menu = $('.heard .heard_menu');
//     $.ajax({
//         url: "http://www.ujiuye.tech:3000/api/category/first",
//         success: function (datas) {

//             let { result: { data } } = datas;
//             data.forEach(function (item) {
//                 $heard_menu.append(`<span>${item.first_name}</span>|`)
//             });
//         },
//     });
// })();
// ; (function () { //轮播图
//     var timer;
//     let $h_box = $('.heard .heard_content');
//     let $lb_Ul = $('.heard .heard_content>ul');
//     let $oul = $('.heard .bott_yuan>ul');
//     let $l_btn = $('.bott_one');
//     let $r_btn = $('.bott_two');
//     var obj;
//     let indexs = 0;
//     $.ajax({
//         url: "http://www.ujiuye.tech:3000/api/banner",
//         success: function (datas) {
//             // console.log(datas.result.data);
//             let { result: { data } } = datas;
//             lunbo(data);

//         },
//     });
//     function lunbo(data) {
//         data.forEach(function (item) {
//             $lb_Ul.append(`<li><img src="${item.coverimg}"></li>`);//添加li和图
//             $oul.append('<li></li>');//添加小圆点
//         })
//         let $_list = $lb_Ul[0].children;
//         let $lis = $oul[0].children;
//         //console.log($lis);
//         $lis[0].style.background = 'red';//小圆点初始
//         var timer = setInterval(move, 2000);
//         $h_box.mouseenter(function () { //鼠标进入ul，轮播停止
//             clearInterval(timer);
//         })
//         $h_box.mouseleave(function () { //鼠标离开ul，轮播继续
//             timer = setInterval(move, 2000);
//         })
//         for (let i = 0; i < $lis.length; i++) { //小圆点点击事件

//             $($lis[i]).click(function () {
//                 $(this).css('background', 'red').siblings().css('background', 'white');
//                 $lb_Ul.stop().animate({
//                     'left': (-i * 1190) + 'px',
//                 }, 1000);
//                 indexs = i;
//             })
//         };

//         $($r_btn).click(function () {//右箭头点击事件
//             indexs++;
//             if (indexs >= $_list.length) {
//                 indexs = 0;
//             }
//             $lb_Ul.stop().animate({
//                 'left': (-indexs * 1190) + 'px',
//             }, 1000);
//             $($lis[indexs]).css('background', 'red').siblings().css('background', 'white');

//         });

//         $($l_btn).click(function () {//左箭头点击事件
//             indexs--;
//             if (indexs < 0) {
//                 indexs = $_list.length - 1;
//             }
//             $lb_Ul.stop().animate({
//                 'left': (-indexs * 1190) + 'px',
//             }, 1000);
//             $($lis[indexs]).css('background', 'red').siblings().css('background', 'white');

//         });
//         function move() { //动画函数封装
//             indexs++;
//             if (indexs >= $_list.length) {
//                 indexs = 0;
//             }
//             $lb_Ul.stop().animate({
//                 'left': (-indexs * 1190) + 'px',
//             }, 1000);
//             $($lis[indexs]).css('background', 'red').siblings().css('background', 'white');
//         }
//     }
// })();
// ; (function () {//秒杀
//     async function getData() {
//         let [err, rst] = await to(ajax({ url: '/flash' }));
//         if (err != null) {//失败
//             alert('服务器出错，请稍后再试');
//             return;
//         }
//         //解析服务器返回的数据
//         let { data } = rst;
//         //console.log(data);
//         let $time = $('.content_frist .content_fl .time');
//         let $shijian = $('.shijian');
//         let $content_fb = $('.content_fb');
//         let $spans = $('.content_fl>span');
//         data.forEach(function (item, index) {
//             $time[index].innerHTML = data[index].time < 10 ? '0' + data[index].time : data[index].time;
//             $content_fb.append(`<ul style="display:none;" ></ul>`);
//         })
//         var $oul = $content_fb[0].children;
//         $oul[0].style.display = 'block';
//         let cont1 = data[0]['8015e8de-d52d-457d-86f4-6e0c129b1ad2'];
//         let cont2 = data[1]['6c547d64-5432-46d1-b08b-a24c87e330cf'];
//         var $oul = $content_fb[0].children;
//         // console.log($oul[1]);
//         console.log(cont1);
//         // console.log(cont2);
//         $($oul[0]).html('');
//         $($oul[1]).html('');
//         for (let i = 0; i < cont1.length - 2; i++) {//ul内拼接li
//             $($oul[0]).append(`  
//                 <li>
//                 <div>
//                     <div class="fb_tu"><img src="${cont1[i].image_url}" onclick="fn('${cont1[i].goods_id}')" alt=""></div>
//                     <div class="fb_zit">${cont1[i].goods_name}</div>
//                     <div class="fb_jiage"><span class="fb_jial">&yen;${cont1[i].assem_price}</span><span
//                             class="fb_jiar"><del>&yen;${cont1[i].goods_price}</del></span></div>
//                     <div class="fb_xian">
//                         <div class="fb_xianc"></div>
//                     </div>
//                     <span class="fb_baifenbi">已抢36%</span>
//                 </div>
//             </li>`)
//         }
//         for (let j = 0; j < cont2.length - 2; j++) {//ul内拼接li
//             $($oul[1]).append(`  
//                 <li>
//                 <div>
//                     <div class="fb_tu"><img src="${cont2[j].image_url}" onclick="fn('${cont2[j].goods_id}')" alt=""></div>
//                     <div class="fb_zit">${cont2[j].goods_name}</div>
//                     <div class="fb_jiage"><span class="fb_jial">&yen;${cont2[j].assem_price}</span><span
//                             class="fb_jiar"><del>&yen;${cont2[j].goods_price}</del></span></div>
//                     <div class="fb_xian">
//                         <div class="fb_xianc"></div>
//                     </div>
//                     <span class="fb_baifenbi">已抢36%</span>
//                 </div>
//             </li>`)
//         }
//         for (let a = 0; a < $spans.length; a++) {
//             $($spans[a]).click(function () {
//                 $(this).addClass('co').siblings().toggleClass();
//                 $($oul[a]).css('display', 'block').siblings().css('display', 'none');
//                 console.log(1);
//             })
//         }
//         var times = setInterval(function getTime() { //秒杀倒计时
//             var times1 = new Date();//获取当前时间
//             var times2 = new Date();//设置截止时间
//             times2.setHours(data[1].time);
//             times2.setMinutes(00);
//             times2.setSeconds(00);
//             var ss = (times2 - times1) / 1000;//倒计时秒数
//             if (ss <= 0) {
//                 clearInterval(times);
//                 getData();
//             }
//             var h = '00';
//             var m = Math.floor(ss / 60 % 60);
//             var s = Math.floor(ss % 60);
//             m = m < 10 ? '0' + m : m;
//             s = s < 10 ? '0' + s : s;
//             $($shijian).html(` <span class="djs">${h}</span><span class="djs">${m}</span><span class="djs">${s}</span>`);
//         }, 1000);
//     }
//     getData();
// })();
// ; (function () { //排行榜
//     let $tl_tfo = $('.content_two .content_tl .tl_tfo');
//     let $tl_t = $('.content_two .tl_t ');
//     let $tl_tfi = $('.content_two .tl_tfi');
//     $.ajax({
//         url: "http://www.ujiuye.tech:3000/api/ranking",
//         success: function (data) {
//             //console.log(data.result.data);
//             $(data.result.data).each(function (index) { //遍历数据，为父元素添加里面相对应的子元素
//                 $tl_t.append('<span>' + $(data.result.data)[index].thired_name + '</span>');
//                 $tl_tfi.append('<span></span>');
//                 $tl_tfo.append('<ul></ul>');
//                 let $oul = $tl_tfo[0].children;
//                 let $spans = $($tl_t[0].children).eq(0).siblings();
//                 let $_spans = $tl_tfi[0].children;
//                 $((data.result.data)[index].goodslist).each(function (i) {  //遍历数据，把相对应的内容放置在相对应的标签内
//                     $($oul[index]).append(`<li><div class="tf_y" onclick="fn('${$(data.result.data)[index].goods_id}')" style="background-image:url( ${$(data.result.data)[index].goodslist[i].image_url} )"></div><div class="tf_zi"><span class="tf_zif"> ${$(data.result.data)[index].goodslist[i].goods_name}</span><span class="tf_zic">&yen;${$(data.result.data)[index].goodslist[i].goods_price}</span><span class="tf_zir">销量NO.1</span></div></li>`)
//                 })
//                 //页面加载完毕初始化效果
//                 $($oul[0]).css('display', 'block').siblings().css('display', 'none');
//                 $($_spans[0]).css('background', '#F36F6D').siblings().css('background', '#D7D7D7');
//                 $($spans[0]).css('background', '#F36F6D').siblings().css('background', '');
//                 $spans.each(function (indexs) {
//                     $(this).mouseover(function () { //鼠标经过上面的span，下面的相对应的ul和小点颜色显示
//                         $(this).css('background', '#F36F6D').siblings().css('background', '');
//                         $($oul[indexs]).css('display', 'block').siblings().css('display', 'none');
//                         $($_spans[indexs]).css('background', '#F36F6D').siblings().css('background', '#D7D7D7');
//                     });
//                 })
//             })
//         },
//     })
// })();
// ; (function () { //人气好货
//     let $oul = $('.content_two .content_tr .tr_bott ul');
//     $.ajax({
//         url: "http://www.ujiuye.tech:3000/api/popularity",
//         success: function (data) {
//             //console.log(data.result.data);
//             let str = '';
//             $(data.result.data).each(function (index) {
//                 str += `<li><div class="bott_one" onclick="fn('${(data.result.data)[index].goods_id}')"  style="background-image:url(${(data.result.data)[index].image_url})" ></div><div class="bott_zi_f">${(data.result.data)[index].goods_name}</div> <div class="bott_zi_b">今日特价4.5折起</div></li>`
//             })
//             $oul.html(str);
//         },
//     })
// })();
// ; (function () { //底部其他版块  四个频道
//     async function getData() {
//         let [err, rst] = await to(ajax({ url: '/home' }));
//         if (err != null) {//失败
//             alert('服务器出错，请稍后再试');
//             return;
//         }
//         //解析服务器返回的数据
//         let { data } = rst;
//         console.log(data);
//         let $content_five = $('.content_five');

//         for (let i = 0; i < data.length - 4; i++) { //添加内容
//             $content_five.append(`
//             <div class="five_one">
//             <div class="top">
//                 <div class="lzi"><span class="zhu"></span><span class="zi">${data[i].big_title}</span><span class="erweima"></span>
//                 </div>
//                 <div class="rzi clearfix">
//                 </div>
//             </div>
//             <div class="botton">
//                 <div class="bot_left"  style="background-image:url('${data[i].image_url}');">
//                     <div class="zuolan" ></div>
//                     <div class="zuolan_t">${data[i].second_name}</div>
//                     <div class="zuolan_b">${data[i].small_title}</div>
//                 </div>
//                 <div class="bot_right">
//                 <ul></ul>
//                 </div>
//             `);
//             let $rzi = $('.five_one .rzi');
//             for (let j = 0; j < data[i].thirdList.length; j++) { //添加内容
//                 $($rzi[i]).append(`<span>${data[i].thirdList[j].thired_name}</span>`)
//             };
//             let $bot_ul = $('.five_one .bot_right>ul');
//             for (let n = 0; n < data[i].goodslist.length; n++) { //添加内容
//                 $($bot_ul[i]).append(`
//               <li class="tu_one">
//              <div class="zi_t">${data[i].goodslist[n].goods_name}</div>
//              <div class="zi_b">${data[i].goodslist[n].goods_manufacturer}</div>
//              <div class="tu"><img  src="http://www.ujiuye.tech:3000/${data[i].goodslist[n].image_url}" onclick="fn('${data[i].goodslist[n].goods_id}')" alt=""></div>
//              </li>`);

//             };
//         }

//     }
//     getData();
// })();
// ; (function () { //猜你喜欢
//     async function getData() {
//         let [err, rst] = await to(ajax({ url: '/love' }));
//         if (err != null) {//失败
//             alert('服务器出错，请稍后再试');
//             return;
//         }
//         //解析服务器返回的数据
//         let { data } = rst;
//         //console.log(data);
//         let $nine_ul = $('.content_nine ul');
//         let str = '';//定义一个空字符串
//         data.forEach((item, index) => { //遍历数据，填充字符串
//             str += ` 
//         <li>
//         <div class="nine_one">
//             <div class="tu"><img src="${data[index].image_url}" onclick=fn('${data[index].goods_id}') alt=""></div>
//             <div class="jieshao">${data[index].goods_name}</div>
//             <div class="jiage">&yen;<span class="jiage_left">${data[index].goods_price}</span><span class="jiage_right">找相似</span>
//             </div>
//             <div class="butie"><span class="butie_1">补贴</span><span class="butie_2">每300-20</span><span
//                     class="butie_3">领券99-3</span></div>
//         </div>
//        </li>
//       `
//         })
//         $nine_ul.html(str);//字符串添加到指定ul中
//         // console.log(data);
//         // $('.content_nine>ul>li').click(function () {
//         //     let arr = data[$(this).index()].goods_id;
//         //     window.open(`./introduction.html?goodsid=${arr}`);
//         // });
//     };
//     getData();
// })();

// function fn(n) {
//     window.open(`./show.html?goodsid=${n}`);
//     // console.log(n);
// }